<template>
    <fieldset>
        <legend>朋友</legend>
        <h1>喜羊羊</h1>
        <h1>熊大</h1>
        <h3>点击小子</h3>
    </fieldset>
</template>
<script>
export default{
    // 路由解耦合
    props:['id'],
    mounted(){
        console.log(this.$route.params);
        console.log(this.id);
    },
    watch:{
        // 侦听路由参数的变化
        $route(newVal){
            console.log(newVal);
        },
        // 侦听id的变化
        id(newVal){
            console.log('id--',newVal);
        }
    }
}
</script>